<extend name="Base/common"/>
<block name="body">
	<div class="container">
		<div class="nav">
		    <img src="__IMG__/img_1.png" alt="" id="show">			
			<h3> 个人信息</h3>
		</div>
		<div class="info_list">
			<ul class="list">
				<li>
					<span class="left_span">头像</span><img src="" alt="" class="info_img">
				</li>
			</ul>
			<ul class="list ">
				<li class="list_nobor clearfix">
					<span class="left_span">用户名</span><span class="right_span">123</span>
				</li>
			</ul>
		</div>

		<div class="info_list">
			<ul class="list">
				<li class="clearfix">
					<span class="left_span">性别</span><span class="right_span">1234</span>
				</li>
			</ul>
			<ul class="list ">
				<li class="clearfix list_nobor">
					<span class="left_span">手机</span><span class="right_span">1414</span>
				</li>
			</ul>
		</div>

		<div class="info_list">
			<ul class="list">
				<li class="clearfix">
					<span class="left_span">二维码</span><span class="right_span"></span>
				</li>
			</ul>
			<ul class="list ">
				<li class="clearfix list_nobor"> 
					<span class="left_span reset_pwd">修改密码</span><span class="right_span"></span>
				</li>
			</ul>
		</div>

			<!-- 弹出窗 -->
		<div class="dailog_mask"></div>
		<div class="dailog clearfix">
			<img src="__IMG__/img_2.png" alt="" class="closeBtn" >
			<h4>修改密码</h4>
			<p class="pwd">
				<input type="text" class="pwd_text" placeholder="请输入原密码">
			 	<input type="password" class="pwd_pwd">
			</p>
			<p class="pwd">
				<input type="text" class="pwd_text" placeholder="请输入新密码">
			 	<input type="password" class="pwd_pwd">
			</p>
			<p class="pwd">
				<input type="text" class="pwd_text" placeholder="请再次输入密码">
			 	<input type="password" class="pwd_pwd">
			</p>
			<div class="info_btn clearfix">
				<input type="button" value="取消" class="closeBtn quexiao">
				<input type="button" value="确定" >
			</div>

		</div>
	</div>
<block name="script">
<script type="text/javascript">	
	$(document).ready(function(){
			/*密码框*/
			$(".pwd").find(".pwd_text").focus(function() {
				var text_value = $(this).val();
			    if (text_value == this.defaultValue) {
			    var obj=$(this).parent(".pwd")
			    $(this).hide();
			    obj.find(".pwd_pwd").show().focus();			    
			    }
			});
			$(".pwd_pwd").blur(function() {
			    var text_value = $(this).val();
			    if (text_value == "") {
			    var obj1=$(this).parent(".pwd")			    
			    $(this).hide();
			    obj1.find(".pwd_text").show();
			    }
			});

			// 弹出窗
			$(".reset_pwd").click(function(){				
				$(".dailog_mask").show();
				$(".dailog").fadeIn(200);
			})
			$(".closeBtn").click(function(){
				$(".dailog_mask").hide();
				$(".dailog").fadeOut(200);
			})
	})
</script>
</block>

</block>